<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>转换工具</title>
    <script type="text/javascript" src="../lib/jquery-3.3.1.min.js"></script>
    <link rel="stylesheet" href="../zyupload/skins/zyupload-1.0.0.css " type="text/css">
    <script type="text/javascript" src="../zyupload/zyupload.drag-1.0.0.js"></script>
</head>
<body>
<div id="zyupload" class="zyupload"></div>
<div>
    <form id="form" method="POST" enctype="multipart/form-data" action="download">
        <input type="submit" value="转换">
    </form>
</div>
<script type="text/javascript">
    $(function(){
        $("#form").hide();
        // 初始化插件
        $("#zyupload").zyUpload({
            url              :   "importCeramicsOrderExcel",  	// 上传文件的路径
            fileType         :   ["xls","xlsx"],					// 上传文件的类型
            fileSize         :   51200000,                	// 上传文件的大小
            multiple         :   true,                    	// 是否可以多个文件上传
            dragDrop         :   true,                    	// 是否可以拖动上传文件
            tailor           :   false,                    	// 是否可以裁剪图片
            del              :   true,                    	// 是否可以删除文件
            finishDel        :   false,  				  	// 是否在上传文件完成后删除预览
            /* 外部获得的回调接口 */
            onSelect: function(selectFiles, allFiles){    // 选择文件的回调方法  selectFile:当前选中的文件  allFiles:还没上传的全部文件
            },
            onDelete: function(file, files){              // 删除一个文件的回调方法 file:当前删除的文件  files:删除之后的文件
            },
            onSuccess: function(file, response){          // 文件上传成功的回调方法
                $("#uploadInf").append("<p style='font-size: 15px;color: #00CC00'>文件名: [ " + file.name + " ] 上传成功</p>");
            },
            onFailure: function(file, response){          // 文件上传失败的回调方法
                $.each(response, function(i) {
                    var data = response[i];
                    if (data.code == 1){
                    //     $("#uploadInf").append("<p>文件名: 【 " + data.data + " 】上传成功</p>");
                    // }else {
                        $("#uploadInf").append("<span style='font-size: 15px;'>文件名:</span><span style='color: red;font-size: 15px;'> [ " + data.data + " ] 上传失败</span>, <span style='font-size: 15px;'>原因：</span><span style='color: red;font-size: 15px;'>"+data.msg+" </span>,<span style='font-size: 15px;'><br />地址编号："+data.resultNo+", <br />地址内容："+data.resultVal+"</span><br />");
                    }
                });
            },
            onComplete: function(response){           	  // 上传完成的回调方法
                if (response == 0){
                    $("#form").submit();
                }
            }
        });
    });
</script>
</body>
</html>